<style>
#user_panel{
	width:900px;
	margin:0 auto;
	border:0px solid #f2f2f2;
	border-radius:5px;
}
#user_panel .xyd_header{
	line-height:50px;
	border-bottom:1px solid #15A0F5;
	padding-left:2em;
	font-size:14px;
	color:#15A0F5;
}

#user_panel .xyd_body{
	width:800px;
	margin:0 auto;
	padding:20px 0px 20px 0px;
}
#user_panel .xyd_group{
	padding:5px 0px 5px 0px;
}
#user_panel .xyd_float{
	float:left;
	outline:0px solid #f00;
}
#user_panel .xyd_float_right{
	float:right;
}
#user_panel .xyd_line{
	border-bottom:1px solid #ccc;
}

#user_panel .xyd_body .xyd_label{
	width:160px;
	line-height:30px;
	padding-left:1em;
	padding-right:1em;
	text-align:right;
	color:#666;
}
#user_panel .xyd_body .xyd_input{
	width:300px;
	outline:0px solid #f00;
}
#user_panel .xyd_body .xyd_input io_input{
	height:30px;
}
#user_panel .xyd_body .xyd_message{
	width:200px;
	line-height:40px;
	padding-left:1em;
	color:#666;
}

</style>
<div id="user_panel">
	<div class="xyd_style" id="user_password_eof">
		<div class="xyd_header xyd_border_bottom">
			<i aria-hidden="true" class="fa fa-shield" style="font-size:16px"></i>
			&nbsp;&nbsp;&nbsp;
			<span class="">修改资料</span>
		</div>
		<div class="xyd_body">
			<div class="xyd_group xyd_clearfix">
				<div class="xyd_float xyd_label">昵称：</div>
				<div class="xyd_float xyd_input">
					<input type="text" class="form-control input-sm" id="input_code" value="张三"/>
				</div>
				<div class="xyd_float xyd_message" id="message_code">&nbsp;</div>
			</div>
			<div class="xyd_inline"></div>
			<div class="xyd_group xyd_clearfix">
				<div class="xyd_float xyd_label">真实姓名：</div>
				<div class="xyd_float xyd_input">
					<input type="text" class="form-control input-sm" id="input_new"/>
				</div>
				<div class="xyd_float xyd_message" id="message_new">&nbsp;</div>
			</div>
			<div class="xyd_group xyd_clearfix">
				<div class="xyd_float xyd_label">身份证号码：</div>
				<div class="xyd_float xyd_input" style="">
					<input type="text" class="form-control input-sm" id="input_new"/>
				</div>
				<div class="xyd_float xyd_message" id="message_new">&nbsp;</div>
			</div>
			<div class="xyd_group xyd_clearfix">
				<div class="xyd_float xyd_label">性别：</div>
				<div class="xyd_float xyd_input" style="">
					<div class="col-sm-12">
						<label>
							<input type="radio" name="form-field-radio" class="ace">
							<span class="lbl"> 男</span>
						</label>
						<label>&nbsp;&nbsp;&nbsp;</label>
						<label>
							<input type="radio" name="form-field-radio" class="ace">
							<span class="lbl"> 女</span>
						</label>
					
					</div>
				</div>
				<div class="xyd_float xyd_message" id="message_new">&nbsp;</div>
			</div>
			<div class="xyd_group xyd_clearfix">
				<div class="xyd_float xyd_label">星座：</div>
				<div class="xyd_float xyd_input" style="">
					<select id="form-field-select-1" class="form-control input-sm">
						<option value=""></option>
						<option value="AL">Alabama</option>
						<option value="AK">Alaska</option>
						<option value="AZ">Arizona</option>
						<option value="AR">Arkansas</option>
						<option value="CA">California</option>
						<option value="CO">Colorado</option>
						<option value="CT">Connecticut</option>
						<option value="DE">Delaware</option>
						<option value="FL">Florida</option>
						<option value="GA">Georgia</option>
						<option value="HI">Hawaii</option>
						<option value="ID">Idaho</option>
						<option value="IL">Illinois</option>
						<option value="IN">Indiana</option>
						<option value="IA">Iowa</option>
						<option value="KS">Kansas</option>
						<option value="KY">Kentucky</option>
						<option value="LA">Louisiana</option>
						<option value="ME">Maine</option>
						<option value="MD">Maryland</option>
						<option value="MA">Massachusetts</option>
						<option value="MI">Michigan</option>
						<option value="MN">Minnesota</option>
						<option value="MS">Mississippi</option>
						<option value="MO">Missouri</option>
						<option value="MT">Montana</option>
						<option value="NE">Nebraska</option>
						<option value="NV">Nevada</option>
						<option value="NH">New Hampshire</option>
						<option value="NJ">New Jersey</option>
						<option value="NM">New Mexico</option>
						<option value="NY">New York</option>
						<option value="NC">North Carolina</option>
						<option value="ND">North Dakota</option>
						<option value="OH">Ohio</option>
						<option value="OK">Oklahoma</option>
						<option value="OR">Oregon</option>
						<option value="PA">Pennsylvania</option>
						<option value="RI">Rhode Island</option>
						<option value="SC">South Carolina</option>
						<option value="SD">South Dakota</option>
						<option value="TN">Tennessee</option>
						<option value="TX">Texas</option>
						<option value="UT">Utah</option>
						<option value="VT">Vermont</option>
						<option value="VA">Virginia</option>
						<option value="WA">Washington</option>
						<option value="WV">West Virginia</option>
						<option value="WI">Wisconsin</option>
						<option value="WY">Wyoming</option>
					</select>
				</div>
				<div class="xyd_float xyd_message" id="message_new">&nbsp;</div>
			</div>
			<div class="xyd_group xyd_clearfix">
				<div class="xyd_float xyd_label">出生年月：</div>
				<div class="xyd_float xyd_input" style="">
					<select id="form-field-select-1" class="xyd_inlineblock form-control input-sm" style="width:80px;">
						<option value=""></option>
						<option value="AL">1999</option>
						<option value="AK">1998</option>
						<option value="AZ">1997</option>
					</select>
					<label for="form-field-4" class="control-label">年</label>
					<select id="form-field-select-1" class="xyd_inlineblock form-control input-sm" style="width:80px;">
						<option value=""></option>
						<option value="AL">1999</option>
						<option value="AK">1998</option>
						<option value="AZ">1997</option>
					</select>
					<label for="form-field-4" class="control-label">月</label>
					<select id="form-field-select-1" class="xyd_inlineblock form-control input-sm" style="width:80px;">
						<option value=""></option>
						<option value="AL">1999</option>
						<option value="AK">1998</option>
						<option value="AZ">1997</option>
					</select>
					<label for="form-field-4" class="control-label">日</label>
				</div>
				<div class="xyd_float xyd_message" id="message_new">&nbsp;</div>
			</div>
			<div class="xyd_group xyd_clearfix">
				<div class="xyd_float xyd_label">家庭地址：</div>
				<div class="xyd_float xyd_input">
					<input type="text" class="form-control input-sm" id="input_new1"/>
				</div>
				<div class="xyd_float xyd_message" id="message_new1">&nbsp;</div>
			</div>
			<div class="xyd_group xyd_clearfix">
				<div class="xyd_float xyd_label">&nbsp;</div>
				<div class="xyd_float xyd_input">
					<button class="btn btn-primary btn-block btn-sm" id="btn_userAction">
						<i aria-hidden="true" class="fa fa-check"></i>
						&nbsp;&nbsp;&nbsp;提交
					</button>
				</div>
				<div class="xyd_float xyd_message">&nbsp;</div>
			</div>
		</div>
	</div>
</div>

<script>
var user;
$(function(){
	
	var box = $("#user_panel");
	
	
	//按钮-提交
	$("#btn_userAction").bind("click",function(){
		if(input_code.val().length<1){
			layer.msg('原密码不能为空');
			return;
		}
		if(input_new.val().length<1){
			layer.msg('新密码不能为空');
			return;
		}
		if(input_new.val()!==input_new1.val()){
			layer.msg('新密码和二次密码不一致');
			return;
		}
		layer.confirm('您确定修改密码？', {title:'提示',btn: ['确定', '取消']}, function(){
			layer.msg('提交成功');
		});	
	});
	
	
	

})
</script>